<template>
	<view class="kuang">
		<image class="bj" src="/static/组 6.png" mode=""></image>
		<text class="title">详情</text>
	</view>
	<view class="jiantou" @click="goBack"></view>
	<view class="wxxx">
		<view class="tou">
			维修信息
		</view>
		<view class="ti">
			<view class="t1">
				维修单号:
			</view>
			<view class="t2">
				3535252
			</view>
		</view>
		<view class="ti">
			<view class="t1">
				车主姓名:
			</view>
			<view class="t2">
				张
			</view>
		</view>
		<view class="tii">
			<view class="t">
				<view class="t1">
					联系方式:
				</view>
				<view class="t2">
					1993829282
				</view>
			</view>
			<image class="t3" src="/static/电话@3x.png" mode=""></image>
		</view>
		<view class="ti">
			<view class="t1">
				维修方式:
			</view>
			<view class="t2">
				上门取车/到店维修
			</view>
		</view>
		<view class="tii">
			<view class="t">
				<view class="t1">
					取车位置:
				</view>
				<view class="t2">
					山阳区32号
				</view>
			</view>
			<image class="t3" src="/static/plane@3x.png" mode=""></image>
		</view>
		<view class="ti">
			<view class="t1">
				预约日期:
			</view>
			<view class="t2">
				2022/11/10 11:00
			</view>
		</view>
		<view class="ti">
			<view class="t1">
				提交日期:
			</view>
			<view class="t2">
				2022/11/08 12:34
			</view>
		</view>
	</view>
	<view class="clxx">
		<view class="tou">
			车辆信息
		</view>
		<view class="ti">
			<view class="t1">
				车辆类型:
			</view>
			<view class="t2">
				大客车
			</view>
		</view>
		<view class="ti">
			<view class="t1">
				车牌号:
			</view>
			<view class="t22">
				豫J45323
			</view>
		</view>
		<view class="tia">
			<view class="t1a">
				整车照片:
			</view>
			<image class="che" src="/static/车.jpg" mode=""></image>
		</view>
		<view class="tia">
			<view class="t1a">
				维修部位照片:
			</view>
			<image class="che" src="/static/车.jpg" mode=""></image>
			<image class="che" src="/static/车.jpg" mode=""></image>
			<image class="che" src="/static/车.jpg" mode=""></image>
		</view>
	</view>
	<button class="qrdc">确认到场</button>
	<!-- <button class="ydc">已到场</button> -->
	<view class="aa">

	</view>
</template>

<script setup>
	function goBack() {
		uni.navigateBack({
			delta: 1
		})
	}
</script>

<style>
	.bj {
		position: absolute;
		z-index: 1;
		width: 750rpx;
		height: 430rpx;
	}

	.kuang {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 35rpx;
		position: absolute;
		z-index: 2;
		color: white;
		margin-top: 60rpx;
	}

	.jiantou {
		position: absolute;
		z-index: 2;
		width: 30rpx;
		height: 30rpx;
		border: 5rpx solid white;
		border-top: none;
		border-left: none;
		transform: rotate(135deg);
		margin-top: 60rpx;
		margin-left: 30rpx;
	}

	.wxxx {
		position: absolute;
		z-index: 2;
		width: 710rpx;
		height: 540rpx;
		background-color: white;
		margin-top: 140rpx;
		margin-left: 20rpx;
		border-radius: 20rpx;
	}

	.tou {
		height: 90rpx;
		font-size: 40rpx;
		font-weight: bold;
		padding-left: 15rpx;
		line-height: 90rpx;
		border-bottom: 5rpx solid #f8f8f8;
	}

	.ti {
		display: flex;
		margin-top: 17rpx;
		margin-left: 30rpx;
	}

	.tii {
		display: flex;
		justify-content: space-between;
		margin-top: 17rpx;
		margin-left: 30rpx;
	}

	.t {
		display: flex;
	}

	.t1 {
		font-size: 32rpx;
	}

	.t2 {
		font-size: 32rpx;
		margin-left: 20rpx;
	}

	.t22 {
		font-size: 31rpx;
		margin-left: 51rpx;
	}

	.t3 {
		width: 35rpx;
		height: 35rpx;
		margin-right: 40rpx;
	}

	.clxx {
		width: 710rpx;
		height: 730rpx;
		background-color: white;
		margin-top: 700rpx;
		margin-left: 20rpx;
		border-radius: 20rpx;
	}

	.t1a {
		margin-top: 20rpx;
		margin-left: 30rpx;
		font-size: 32rpx;
	}

	.che {
		margin-left: 25rpx;
		width: 150rpx;
		height: 150rpx;
		border-radius: 20rpx;
		margin-top: 20rpx;
		margin-right: 10rpx;
	}

	.qrdc {
		position: absolute;
		margin-top: 70rpx;
		width: 520rpx;
		height: 70rpx;
		background-color: #2277f3;
		color: white;
		margin-left: 115rpx;
		border-radius: 35rpx;
		line-height: 70rpx;
		text-align: center;
	}

	.ydc {
		position: absolute;
		margin-top: 70rpx;
		width: 520rpx;
		height: 70rpx;
		background-color: #808080;
		color: white;
		margin-left: 115rpx;
		border-radius: 35rpx;
		line-height: 70rpx;
		text-align: center;
	}

	.aa {
		height: 200rpx;
	}
</style>